﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="图片拖拽缩放.aspx.cs" Inherits="Study.VHProject新功能研究.图片拖拽缩放" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    ul{ margin:0; padding:0;border:1px solid green; width:150px; height:500px; display:inline-block; overflow:scroll;}
    ul>li{ list-style-type:none; cursor:pointer; border-bottom:1px dashed gray; width:100px; height:30px;}
    ul>li:hover{color:Red;}
    #iframe1{ vertical-align:top;}
    </style>
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "post",
                url: "Handlers/Archive.ashx",
                data: { opt: "get-arc-pageList" },
                dataType: "text",
                success: function (d) {
                    $(".pageList").html(d);
                }

            });

            $("ul>li").live("click", function () {
                var arcpath = $(this).attr("arcpath");
                var currentpage = $(this).attr("currentpage");
                $("#iframe1").attr("src", "picDrag.html?f=" + arcpath + "&currpage=" + currentpage + "&pagecount=10");
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <ul class="pageList">
        
    </ul>
<%--    <iframe id="iframe1" src="ImgContainer.aspx" width="600px" height="400px" style=" overflow:scroll"></iframe>
--%>    <iframe id="iframe1" frameborder="0" scrolling="no" src="picDrag.html?f=http://localhost/VHProjectStudy/datapath/8/1/1/view/1.jpg" width="600px" height="400px" style=" overflow:scroll"></iframe>
    </form>
</body>
</html>
